﻿@model Expenses.MvcUI.Models.RegisterModel
@using CaptchaMvc.HtmlHelpers
@using Kendo.Mvc.Extensions;


@using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl })) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset class="fieldSet">
        <legend>Register</legend>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.FirstName)</div>
            <div class="textBox normalFlow">@Html.TextBoxFor(m => m.FirstName)</div>
            @Html.ValidationMessageFor(m => m.FirstName)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.LastName)</div>
            <div class="textBox normalFlow">@Html.TextBoxFor(m => m.LastName)</div>
            @Html.ValidationMessageFor(m => m.LastName)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.LoginName)</div>
            <div class="textBox normalFlow">@Html.TextBoxFor(m => m.LoginName)</div>
            @Html.ValidationMessageFor(m => m.LoginName)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.Password)</div>
            <div class="textBox normalFlow">@Html.PasswordFor(m => m.Password)</div>
            @Html.ValidationMessageFor(m => m.Password)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.ConfirmPassword)</div>
            <div class="textBox normalFlow">@Html.PasswordFor(m => m.ConfirmPassword)</div>
            @Html.ValidationMessageFor(m => m.ConfirmPassword)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.Email)</div>
            <div class="textBox normalFlow">@Html.TextBoxFor(m => m.Email)</div>
            @Html.ValidationMessageFor(m => m.Email)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.Phone)</div>
            <div class="textBox normalFlow">@Html.TextBoxFor(m => m.Phone)</div>
            @Html.ValidationMessageFor(m => m.Phone)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.Mobile)</div>
            <div class="textBox normalFlow">@Html.TextBoxFor(m => m.Mobile)</div>
            @Html.ValidationMessageFor(m => m.Mobile)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.CountryID)</div>
            <div class="textBox normalFlow">
                @(Html.Kendo().DropDownListFor(m => m.CountryID)
                .DataTextField("Country_NameEn") 
                .DataValueField("Country_ID") 
                .BindTo(ViewBag.CountryList)   
                )
            </div>
            @Html.ValidationMessageFor(m => m.CountryID)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.CompanyName)</div>
            <div class="textBox normalFlow">@Html.TextBoxFor(m => m.CompanyName)</div>
            @Html.ValidationMessageFor(m => m.CompanyName)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.CompanyIndustary)</div>
            <div class="normalFlow">
                @(Html.Kendo().ComboBox()
                .Name("CompanyIndustary") 
                .DataTextField("Field_NameEn") 
                .DataValueField("Field_ID") 
                .BindTo(ViewBag.IndustryFieldList)   
                )
            </div>
            @Html.ValidationMessageFor(m => m.CompanyIndustary)
        </div>
        <div class="clearFlow"></div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.JobTitle)</div>
            <div class="normalFlow">
                @(Html.Kendo().ComboBox()
                .Name("JobTitle") 
                .DataTextField("Job_NameEn") 
                .DataValueField("Job_ID") 
                .BindTo(ViewBag.JobList)   
                )
            </div>
            @Html.ValidationMessageFor(m => m.JobTitle)
        </div>
        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.InterestID)</div>
            <div class="normalFlow">
                @(Html.Kendo().DropDownListFor(m=>m.InterestID)
                .DataTextField("Interest_NameEn") 
                .DataValueField("Interest_ID") 
                .BindTo(ViewBag.InterestList)   
                )
            </div>
            @Html.ValidationMessageFor(m => m.InterestID)
        </div>

        <div class="ulRowWithBottomMargin">
            <div class="label normalFlow">@Html.LabelFor(m => m.HearAboutUs)</div>
            <div class="textBox normalFlow">@Html.TextAreaFor(m => m.HearAboutUs)
            </div>
            @Html.ValidationMessageFor(m => m.HearAboutUs)
        </div>
        <div class="ulRowWithBottomMargin">
            @Html.Captcha(5)
        </div>

        <input type="submit" value="Register" class="button" />
    </fieldset>

}